<template>
	<view class="datum">
		<view class="head">
			<!-- <view class="datum-csd" style="display: flex; padding: 20px 0;">
				<view style="padding: 20px 0 0 0 ;">头像</view>
				<view style="margin-left: 60%;">
					<image src="../../static/7.png" class="inimage"></image>
				</view>
				
				
			</view>
 -->
			<view class="issue">姓名<input type="text" :value="username" disabled="true" /></view>
			<view class="issue">小区<input type="text" :value="community_name" disabled="true" /></view>
			<view class="issue">住址<input type="text" :value="address" disabled="true" /></view>
			<view class="issue">手机<input type="text" :value="mobile_number" disabled="true" /></view>
			<!-- <view style="font-size: 13px; margin-top: 20px ;">邮箱<input type="text" /></view> -->
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				mobile_number: '',
				username: '',
				community_name: '',
				address: '',
			}
		},
		onLoad() {
			this.mobile_number = uni.getStorageSync('mobile_number', '');
			this.username = uni.getStorageSync('username', '');
			this.community_name = uni.getStorageSync('community_name', '');
			this.address = uni.getStorageSync('address', '');
		},
		methods: {

		}
	}
</script>

<style>
	.head {
		font-size: 13px;
		padding: 15px;
	}

	.inimage {
		width: 50px;
		height: 50px;
		border-radius: 50px;
		text-align: right;
		display: flex;
		margin-left: 80%;
	}

	.issue {
		font-size: 13px;
		
		padding-top: 20px;
		border-bottom: 1px solid #C8C7CC;
	}

</style>
